html{
    font-size: 16px;
}

@media (min-width: 680px) and (max-width: 1600px) {
    html{
        font-size: 10px;
    }
}

@media screen and (min-width: 0px) and (max-width: 680px) {
    html{
        font-size: 10px;
    }
    #app{
        .f-big{
            font-size: 2.2rem;
        }
        .f-big-second{
            font-size: 1.8rem;
        }
        .f-big-small{
            font-size: 1.5rem;
        }
        .f1{
            font-size: 1.3rem;
        }
        .f2{
            font-size: 1.1rem;
        }

        .f3{
            font-size: 1rem;
        }
    }
}

.f1{
    font-size: 26px;
    opacity: 1;
    color: #707070;
}
.f2{
    font-size: 18px;
    opacity: 1;
    color: #707070;
}

.f3{
    font-size: 14px;
    opacity: 1;
    color: #707070;
}

.f-big{
    font-size: 3rem;
}
.f-big-second{
    font-size: 2.5rem;
}
.f-big-small{
    font-size: 2rem;
}

.blood {
    font-weight: bold;
}

